<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>explore vue in global</title>
</head>
<body>
<div id="app" class="all">
    <h1>{{ info }}</h1>
</div>

<!--导入使用的 js 文件-->
<script src="../../../js/vue.global.js"></script>

<script>
    // 对 Vue 对象进行解构
    let {createApp} = Vue;

    // 创建一个新的 Vue 对象
    let app = createApp(
        {
            setup(){
                let info = "Hello, World!";

                return {
                    info
                }
            }
        }
    );

    // 将 Vue 对象通过 选择器与 HTML 关联
    // app.mount("#app")
    app.mount(".all")
</script>
</body>
</html>